Skip to content

Redesign EZWallet main and claim pages with polished black-and-silver UX - #142

Merged
tacticalnoot merged 1 commit into
mainfrom
codex/redesign-ez-wallet-claim-drop-page
May 8, 2026
Merged

Redesign EZWallet main and claim pages with polished black-and-silver UX#142
tacticalnoot merged 1 commit into
mainfrom
codex/redesign-ez-wallet-claim-drop-page

Conversation

@tacticalnoot

Copy link
Copy Markdown
Owner

Motivation

  • Make the EZWallet experience professional, straightforward, and user-friendly for both creators (main page) and claimants (drop page).
  • Move away from a wireframe look to a clean 4-step flow with clearer hierarchy, readable copy, and a polished black/silver visual system.
  • Preserve existing behavior (QR generation, link copy, wallet connect, batch CSV export, and checkout) while improving clarity and trust signals.

Description

  • Reworked the main app layout in src/experiments/ezwallet/EZWalletApp.svelte into four clear panels (1: Claim setup, 2: Share & preview, 3: Batch generator, 4: Upgrade options) with updated markup and a black-and-silver card visual system.
  • Rebuilt the claim page in src/experiments/ezwallet/EZWalletDropApp.svelte with a focused claim card, structured details (dl grid), improved error/empty states, clearer safety messaging, and new actions (Connect wallet, Copy claim link).
  • Added helper UI behavior: a copyIntent action and prettyMode formatter on the drop page, and kept makeOne, bulk, downloadCsv, and checkoutSelectedTier behavior intact on the main page.
  • Minor CSS compatibility fix to include the standard background-clip alongside -webkit-background-clip.

Testing

  • Ran an automated type/style check with pnpm -s check, which surfaced pre-existing repo-wide Svelte/TypeScript errors and warnings and reported failure (21 errors, 13 warnings); the failures are in unrelated parts of the repo.
  • No functional regressions were introduced to the EZWallet intent flow during the changes and basic UI interactions (QR generation, link copy, wallet connect, batch CSV export, checkout link) were preserved by code review.

Codex Task

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying smol-fe with  Cloudflare Pages  Cloudflare Pages

Latest commit: 83a8cf8
Status:⚡️  Build in progress...

View logs

@tacticalnoot
tacticalnoot merged commit 478edd8 into main May 8, 2026
1 of 2 checks passed

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 83a8cf8b3a

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +35 to +37
async function copyIntent() {
await navigator.clipboard.writeText(raw);
copyStatus = 'Link details copied.';

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Copy the full claim URL instead of only payload

The new “Copy claim link” action writes only the raw p payload to the clipboard, not the actual /labs/ezwallet/drop?p=... URL. In this flow, users who click this button and share what they copied will send an undecodable fragment instead of a working claim link, which breaks the share/reopen use case that the button label promises.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant